<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置</title>
    <link rel="stylesheet" href="set.css">
</head>
<body>
    <div class="content">
        <div class="title">设置</div>
        <form action="">
            <div class="option sccren">
                <div class="sccren-video-resolution">
                    <label for="sccren-video-resolution">分辨率:</label>
                    <select name="" id="sccren-video-resolution">
                        <option value="">1920x1080</option>
                        <option value=""> 720</option>
                    </select>
                </div>
                <div class="sccren-video-fps">
                    <label for="sccren-video-fps">帧率:</label>
                    <select name="" id="sccren-video-fps">
                        <option value="">30</option>
                        <option value="">25</option>
                        <option value="">60</option>
                    </select>
                </div>
                <div class="sccren-video-bitrate">
                    <label for="sccren-video-bitrate">比特率:</label>
                    <select name="" id="sccren-video-bitrate">
                        <option value="">500</option>
                        <option value="">1000</option>
                    </select>
                </div>
            </div>
            <div class="option sys">
                <div class="sys-audio-format">
                    <label for="sys-audio-format">格式:</label>
                    <select name="" id="sys-audio-format">
                        <option value="">Mp3</option>
                        <option value="">WAV</option>
                        <option value="">AAC</option>
                    </select>
                </div>
                <div class="sys-audio-samplerate">
                    <label for="sys-audio-samplerate">采样率：</label>
                    <select name="" id="sys-audio-samplerate">
                        <option value="">44100</option>
                        <option value="">48000</option>
                        <option value="">96000</option>
                    </select>
                </div>
                <div class="sys-audio-bitrate">
                    <label for="sys-audio-bitrate">比特率:</label>
                    <select name="" id="sys-audio-bitrate">
                        <option value="">320</option>
                        <option value="">128</option>
                    </select>
                </div>
            </div>
            <div class="option macr">
                <div class="macr-audio-inputselect">
                    <label for="macr-audio-inputselect">输入设备:</label>
                    <select name="" id="macr-audio-inputselect"></select>
                </div>
                <div class="macr-audio-format">
                    <label for="macr-audio-format">格式:</label>
                    <select name="" id="macr-audio-format">
                        <option value="">Mp3</option>
                        <option value="">WAV</option>
                        <option value="">AAC</option>
                    </select>
                </div>
                <div class="macr-audio-samplerate">
                    <label for="macr-audio-samplerate">采样率：</label>
                    <select name="" id="macr-audio-samplerate">
                        <option value="">44100</option>
                        <option value="">48000</option>
                        <option value="">96000</option>
                    </select>
                </div>
                <div class="macr-audio-bitrate">
                    <label for="macr-audio-bitrate">比特率:</label>
                    <select name="" id="macr-audio-bitrate">
                        <option value="">320</option>
                        <option value="">128</option>
                    </select>
                </div>
            </div>
            <div class="option camera">
                <div class="camera-video-inputselect">
                    <label for="camera-video-inputselect">输入设备:</label>
                    <select name="" id="camera-video-inputselect">
                        <option value=""></option>
                    </select>
                </div>
                <div class="camera-video-resolution">
                    <label for="camera-video-resolution">分辨率:</label>
                    <select name="" id="camera-video-resolution">
                        <option value="">1920x1080</option>
                        <option value=""> 720</option>
                    </select>
                </div>
                <div class="camera-video-fps">
                    <label for="camera-video-fps">帧率:</label>
                    <select name="" id="camera-video-fps">
                        <option value="">30</option>
                        <option value="">25</option>
                        <option value="">60</option>
                    </select>
                </div>
                <div class="camera-video-bitrate">
                    <label for="camera-video-bitrate">比特率:</label>
                    <select name="" id="camera-video-bitrate">
                        <option value="">500</option>
                        <option value="">1000</option>
                    </select>
                </div>
            </div>
            <div class="option watermark">
                <label for="watermark-title-size">字号:</label>
                <input class="size" type="number" id="watermark-title-size" max="20" min="10" value="">
                <label for="watermark-title-color">颜色:</label>
                <input class="color" type="color" id="watermark-title-color">
            </div>
            <div class="option hotkey">
                <label for="hotkey">字号:</label>
                <input class="size" type="number" id="watermark-title-size">
                <label for="watermark-title-color">颜色:</label>
                <input class="color" type="color" id="watermark-title-color">
            </div>
        </form>
        <div class="but">
            <button id="save">确定</button>
            <button id="cancel">取消</button>
        </div>
    </div>
    <script src="./set.js"></script>
</body>
</html>